﻿@model IEnumerable<HawaiRestaurant.Models.DataContext.FoodType>

@{
    ViewBag.Title = "ListFoodTypes";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}
<script src="@Url.Content("~/Scripts/jquery.dataTables.js")" type="text/javascript"></script>
@section MyOtherJavascript {
    <script type="text/javascript">
        $(document).ready(function() {
      
           
            $('#foodtype').dataTable();
            


        });
    </script>
}



<h2>ListFoodTypes</h2>


<table cellpadding="0" cellspacing="0" border="0" class="display" id="foodtype">
	<thead>
		 <tr>
        <th>
            Name
        </th>
        <th>
            Descriptions
        </th>
             <th></th>
             <th></th>
    </tr>
	</thead>
	<tbody>
		
		@foreach (var item in Model) {
   <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Descriptions)
        </td>
       <td>
           @Html.ActionLink("Edit", "EditFoodType", new { id=item.FoodTypeId },new { @class = "useredit"}) 
          
       </td>
       <td>
             @Html.ActionLink("Delete", "DeleteFoodType", new { id = item.FoodTypeId }, new { @class = "userdelete" })
       </td>
    </tr>
}

	</tbody>
	
</table>


<p>
    @Html.ActionLink("Create New", "CreateFoodType")
</p>

